<template>
    <!-- 添加或修改角色配置对话框 -->
    <el-dialog :title="title" v-model="open" width="500px" append-to-body @close="close">
        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
            <el-form-item label="租户名称" prop="tenantName">
                <el-input v-model="form.tenantName" placeholder="请输入租户名称"/>
            </el-form-item>
            <el-form-item label="域名地址">
                <el-input-number v-model="form.domain" type="textarea" placeholder="请输入内容"></el-input-number>
            </el-form-item>
            <el-form-item label="联系人">
                <el-input v-model="form.linkman" type="textarea" placeholder="请输入内容"></el-input>
            </el-form-item>
            <el-form-item label="联系电话">
                <el-input v-model="form.contactNumber" type="textarea" placeholder="请输入内容"></el-input>
            </el-form-item>
            <el-form-item label="联系地址">
                <el-input v-model="form.address" type="textarea" placeholder="请输入内容"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitForm">确 定</el-button>
            <el-button @click="cancel">取 消</el-button>
        </div>
    </el-dialog>
</template>

<script>
    export default {
        name: "update",
        emits: ['dialogStatusChanged'],
        props: {
            open: Boolean,
            //标题
            title: String,
            // 表单参数
            form: Object,
        },
        data(){
            return{
                rules:[]
            }
        },
        methods: {
            //提交
            submitForm(){

            },
            //取消
            cancel() {
                this.$emit('dialogStatusChanged', false)
            },
            //关闭
            close() {
                this.$emit('dialogStatusChanged', false)
            },
        }
    }
</script>

<style scoped>

</style>
